/* color palette for forum project */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;
  
  /* 淡黄色背景和相关颜色 */
  --vt-c-yellow-light: #fff9e6;
  --vt-c-yellow-medium: #ffeaa7;
  
  /* 论坛主题色 - 橙色系 */
  --vt-c-orange-light: #fdcb6e;
  --vt-c-orange: #e67e22;
  --vt-c-orange-dark: #d35400;
  
  /* 文本颜色 */
  --vt-c-text-primary: #333333;
  --vt-c-text-secondary: #666666;
  --vt-c-text-tertiary: #999999;
  
  /* 边框和分割线颜色 */
  --vt-c-border-light: #e0e0e0;
  --vt-c-border-medium: #d0d0d0;
  
  /* 卡片和区块背景 */
  --vt-c-card-bg: #ffffff;
  --vt-c-section-bg: #ffffff;
}

/* semantic color variables for this project */
:root {
  --color-background: var(--vt-c-yellow-light);
  --color-background-soft: var(--vt-c-yellow-medium);
  --color-background-mute: var(--vt-c-white-mute);

  --color-border: var(--vt-c-border-light);
  --color-border-hover: var(--vt-c-border-medium);

  --color-primary: var(--vt-c-orange);
  --color-primary-light: var(--vt-c-orange-light);
  --color-primary-dark: var(--vt-c-orange-dark);
  
  --color-heading: var(--vt-c-text-primary);
  --color-text: var(--vt-c-text-primary);
  --color-text-secondary: var(--vt-c-text-secondary);
  --color-text-tertiary: var(--vt-c-text-tertiary);
  
  --color-card-bg: var(--vt-c-card-bg);
  --color-section-bg: var(--vt-c-section-bg);
  
  --section-gap: 24px;
}

/* 暗色模式支持 */
@media (prefers-color-scheme: dark) {
  /* 这里可以添加暗色模式的样式 */
}

/* 基础重置和通用样式 */
*, 
*::before, 
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-background);
  line-height: 1.6;
  font-family: 
    -apple-system, 
    BlinkMacSystemFont, 
    'Segoe UI', 
    'PingFang SC', 
    'Hiragino Sans GB', 
    'Microsoft YaHei', 
    'Helvetica Neue', 
    Helvetica, 
    Arial, 
    sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 防止文字选择时的背景色影响UI */
::selection {
  background-color: var(--vt-c-orange-light);
  color: var(--color-text);
}
